.circle-card-container {
	width: 200px;
	height: 51px;
	font-size: 12px;
	padding: 6px;
	margin: 5px;
	
	/*border-color: #b2b2b2;
	border-style: solid;
	border-width: 1px;
	border-radius: 4px;
	box-shadow: 2px 2px 4px #000;*/
	/*width: 120px;
	height: 140px;*/
	border: 1px solid rgba(0,0,0,0.5);
   	border-radius: 5px 5px 4px 4px;
   	background: rgba(0,100,0,0.2);
   	box-shadow: 0 2px 6px rgba(0,0,0,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.4), inset 0 10px 20px rgba(255,255,255,0.55), inset 0 -15px 30px rgba(0,0,0,0.3);
}

.circle-card-avatar {
	/*height: 120px;
	width: 120px;
	overflow: hidden;*/
	margin-right: 10px;
	vertical-align: middle;
	display: inline-block;
	width: 50px;
	height: 50px;
	background-color:#def;
}

.circle-card-info {
	/*padding-top: 3px;
	text-align: center;
	height: 18px;
	width: 120px;
	vertical-align: middle;*/
	/*overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;*/
	
	vertical-align: middle;
	display: inline-block;
	width: 135px;
	overflow-x: hidden;
	color:black;
}